<template>
	<div id="">
		<van-swipe class="my-swipe" :autoplay="1000" indicator-color="white">
			<van-swipe-item v-for="(item,index) in swiper"
				@click="$router.push({path:'/details',query:{goods_id:item.goods_id}})"><img
					v-lazy="url+item.original_img" style="width: 100vw;height: 30vh;border-radius: 10px;box-shadow: 2px 2px 2px 2px #f1f1f1;
		border-radius: 10px;margin-top: 1vh;">
			</van-swipe-item>
		</van-swipe>
	</div>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		props: {
			swiper: {
				type: Array,
				required: true
			}
		},
		data() {
			return {
				url: ''
			}
		},
		created() {
			this.$store.dispatch('user/vuexUrl', '地址')
				.then(e => {
					this.url = e
					console.log(e)
				})
		}
	}
</script>

<style>
</style>
